.login {
  background-image:  url('@/assets/images/dqs.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position:center;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.login-form{
  width: 350px;
  padding: 25px 25px 20px 25px;
  border: 1px solid #fff;
  border-radius: 6px;
  background-color: #fff;

  .el-input{
    height: 38px;
  }
}

.login-code{
height: 38px;
margin-left: 8%;

img{
  height: 38px;
  cursor: pointer;
}
}
.footer {
position: fixed;
bottom:0;
color:#fff;
font-size:large;
}


.remmerberandQR{
display: flex;
justify-content: space-between;
width: 100%;

.QR{
  position: relative;
  
.scan{
    cursor:pointer;
    color:skyblue;
  }

  .popQR {
    position: absolute;
    background: url('@/assets/images/qrcode_image.png') no-repeat center center;
    height: 0;
    width: 100px;
    z-index:2;
    background-size: cover;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition:  all .2s linear;
    -o-transition: all .2s linear;
  }
}
.QR:hover .popQR {
    height: 100px;
  }

}